import "./index.scss";

const BASE_URL = "https://blog-assets.jiandaoyun.com/index/home/home_demand";

const LIST_ITEM = [
  {
    name: "工作台",
    info: "个性化工作台，一站式进行应用管理、流程办理、报表查看",
  },
  {
    name: "通讯录",
    info: "支持灵活的企业级通讯录设置，以及细颗粒度权限体系",
  },
  {
    name: "应用互通",
    info: "支持跨应用取数，跨表单数据预计算，避免业务孤岛",
  },
  {
    name: "数据工厂",
    info: "支持对基础数据深加工，在仪表盘中实现更深度的数据分析",
  },
  {
    name: "开放API",
    info: "支持将简道云与其他产品/系统对接，打通数据孤岛",
  },
  {
    name: "自定义",
    info: "自定义登录、打印、提交等，满足个性化开发需求",
  },
  {
    name: "知识库",
    info: "个性在线编写文档，发布规章制度文件，沉淀团队经验和知识",
  },
  {
    name: "多端使用",
    info: "支持PC/Mobile多端使用，支持集成钉钉/企业微信/飞书等平台",
  },
];

export default function CorpDemand() {
  return (
    <div className="corp-demand">
      <div className="bricks">
        <div className="bricks-primary-title">
          更多企业级扩展功能，满足多样化管理需求
        </div>
        <div className="content">
          {LIST_ITEM.map((item, i) => (
            <div className="list-item" key={i}>
              <img src={`${BASE_URL}${i + 1}.png`} alt="" />
              <span className="name">{item.name}</span>
              <span className="info">{item.info}</span>
            </div>
          ))}
        </div>
      </div>
    </div>
  );
}
